<script lang="ts" setup>

import { RouterView } from "vue-router";
</script>

<template>
  <div class="home-content">
  <RouterView></RouterView>
  </div>
</template>

<style scoped>
  .home-content {
    position: relative;
    min-height: 750px;
    overflow: hidden; /* 确保内容不会溢出 */
  }
  .home-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/img/container-bg.jpg') no-repeat center center;
    background-size: cover;
    filter: blur(10px); /* 设置模糊半径 */
    z-index: -1; /* 确保背景图在内容后面 */
  }
</style>